<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业管理系统 - 视频内容审核</title>
	<script src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/backReview.css">
    <style>

    </style>
</head>

<body>
    <!-- 左侧导航栏 -->
    <div class="sidebar">
        <div class="logo">
            <div class="logo-text">后台管理系统</div>
        </div>

        <a href="backVideo.html" class="nav-item">
            <i class="fas fa-video"></i>
            <span>视频管理</span>
        </a>
        <a href="backDanmaku.html" class="nav-item">
            <i class="fas fa-comment-dots"></i>
            <span>弹幕管理</span>
        </a>
        <a href="#" class="nav-item active">
            <i class="fas fa-check-circle"></i>
            <span>视频审核</span>
        </a>
        <a href="backComment.html" class="nav-item">
            <i class="fas fa-comments"></i>
            <span>评论管理</span>
        </a>
        <!-- 新增的用户管理模块 -->
        <a href="backUser.html" class="nav-item">
            <i class="fas fa-users"></i>
            <span>用户管理</span>
        </a>
        <a href="backData.html" class="nav-item">
            <i class="fas fa-chart-line"></i>
            <span>数据统计</span>
        </a>
        <a href="#" class="nav-item">
            <i class="fas fa-clipboard-list"></i>
            <span>日志管理</span>
        </a>
    </div>

    <!-- 主内容区 -->
    <div class="main-content">
        <!-- 顶部工具栏 -->
        <div class="top-bar">
            <div class="search-box">
            </div>

            <div class="user-actions">
                <div class="notification">
                    <i class="fas fa-bell"></i>
                </div>
                <div class="user-profile">
                    <div class="user-avatar">AD</div>
                    <div class="username">管理员</div>
                </div>
            </div>
        </div>

        <!-- 内容区域 - 视频审核模块 -->
        <div class="content-area">
            <h1 class="section-title"><i class="fas fa-check-circle"></i> 视频审核</h1>

            <div class="review-module">
                <!-- 筛选工具栏 -->
                <div class="filter-bar">
                    <div class="filter-group">
                        <span class="filter-label">审核状态:</span>
                        <select class="filter-select">
                            <option>全部状态</option>
                            <option selected>待审核</option>
                            <option>已通过</option>
                            <option>已拒绝</option>
                        </select>
                    </div>

                    <div class="filter-group">
                        <span class="filter-label">上传时间:</span>
                        <input type="date" class="date-input">
                        <span>至</span>
                        <input type="date" class="date-input">
                    </div>
                </div>

                <!-- 视频审核列表 -->
                <div class="review-video-list">
                    <div class="module-header">
                        <div class="module-title">待审核视频列表</div>
                        <div class="batch-actions">
                        	<div class="batch-select">
		                        <input type="checkbox" id="selectAll">
		                        <label for="selectAll">全选</label>
		                    </div>
                            <button class="action-btn success">
                                <i class="fas fa-check"></i> 批量通过
                            </button>
                            <button class="action-btn delete">
                                <i class="fas fa-times"></i> 批量拒绝
                            </button>
                        </div>
                    </div>

                    <div class="review-list">
                    </div>

                    <div class="pagination">
                        <div class="pagination-info"></div>
                        <div class="pagination-controls">
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 视频详情模态框 -->
    <div class="modal" id="videoDetailModal">
    	<input type="hidden" value="">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title">视频详情</div>
                <button class="modal-close" onclick="closeVideoDetail()">&times;</button>
            </div>
            <div class="modal-body">
                <div class="video-preview">
                    <div class="play-btn">
                    	<video controls preload="auto" width="100%" height="100%" poster="" playsinline id="ylVideo">
					        <source src="" type="video/mp4">
					    </video>
                    </div>
                </div>

                <div class="video-info-detail">
                    <div class="info-row">
                        <div class="info-label">视频标题:</div>
                        <div class="info-value"></div>
                    </div>
                    <div class="info-row">
                        <div class="info-label">上传者:</div>
                        <div class="info-value"></div>
                    </div>
                    <div class="info-row">
                        <div class="info-label">上传时间:</div>
                        <div class="info-value"></div>
                    </div>
                    <div class="info-row">
                        <div class="info-label">视频时长:</div>
                        <div class="info-value"></div>
                    </div>
                    <div class="info-row">
                        <div class="info-label">文件大小:</div>
                        <div class="info-value"></div>
                    </div>
                    <div class="info-row">
                        <div class="info-label">视频格式:</div>
                        <div class="info-value"></div>
                    </div>
                    <div class="info-row">
                        <div class="info-label">视频描述:</div>
                        <div class="info-value"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="action-btn delete">
                    <i class="fas fa-times"></i> 拒绝
                </button>
                <button class="action-btn success">
                    <i class="fas fa-check"></i> 通过
                </button>
            </div>
        </div>
    </div>
	<div id="prompt"></div>
    <script src="js/backReview.js">

    </script>
</body>
<script>
	$.ajax({
		url:"administorInfo",
		type:"post",
		success:function(data){
			$(".user-avatar").css({
				"background-image":"url("+data.data.avatarUrl+")",
				"background-size":"cover"
			}).text("");
			$(".username").text(data.data.nickname)
		}
	})
</script>
</html>